





var mySwiper = new Swiper('.swiper-container', {
	loop: true, // 循环模式选项
	// 如果需要分页器
	pagination: {
		el: '.swiper-pagination',
		clickable: true
	},
	autoplay: true,
	// 如果需要前进后退按钮
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
})


$.getJSON("/api/json/pc/setting.json?c=pc&s=10000&t=1568603205547&v=1.0", function (data) {
	console.log(data);
	for (var f = 0; f <= 3; f++) {
		$('.manu1 div img').eq(f).attr("src", data.data.navs[0].subs[f].img);
		$('.manu1 div  h3').eq(f).html(data.data.navs[0].subs[f].name);
		$('.manu1 div  h4').eq(f).html("￥" + data.data.navs[0].subs[f].price);
	}
	for (var r = 0; r <= 4; r++) {
		$('.manu2 div img').eq(r).attr("src", data.data.navs[1].subs[r].img);
		$('.manu2 div  h3').eq(r).html(data.data.navs[1].subs[r].name);
		$('.manu2 div  h4').eq(r).html("￥" + data.data.navs[1].subs[r].price);
	}
	for (var g = 0; g <= 4; g++) {
		$('.manu3 div img').eq(g).attr("src", data.data.navs[2].subs[g].img);
		$('.manu3 div  h3').eq(g).html(data.data.navs[2].subs[g].name);
		$('.manu3 div  h4').eq(g).html("￥" + data.data.navs[2].subs[g].price);
	}

})

$.getJSON("/api/json/pc/topic-home.json?c=pc&s=10000&t=1568606619520&v=1.0", function (res) {
	console.log(res);
	for (var i = 0; i <= 3; i++) {
		$('.ProductRecommendationContent1 div img').eq(i).attr("src", res.data.mods[8].list[i].img);
		$('.ProductRecommendationContent1 div  h3').eq(i).html(res.data.mods[8].list[i].title);
		$('.ProductRecommendationContent1 div  em').eq(i).html(res.data.mods[8].list[i].desc);
		$('.ProductRecommendationContent1 div  span').eq(i).html('￥' + res.data.mods[8].list[i].price)
	}

	$('.HotRecommendationTitle h2').html(res.data.mods[12].title)
	$('.HotRecommendationTitle em').html(res.data.mods[12].desc)

	for (var z = 0; z <= 3; z++) {
		$('.ProductRecommendationContent2 div img').eq(z).attr("src", res.data.mods[18].list[z].img);
		$('.ProductRecommendationContent2 div  h3').eq(z).html(res.data.mods[18].list[z].title);
		$('.ProductRecommendationContent2 div  em').eq(z).html(res.data.mods[18].list[z].desc);
		$('.ProductRecommendationContent2 div  span').eq(z).html('￥' + res.data.mods[18].list[z].price)
	}

	$('#ProductRecommendation .ProductRecommendationTitle h2').html((res.data.mods[16].title))
	$('#ProductRecommendation .ProductRecommendationTitle em').html((res.data.mods[16].desc))


	$('.videoRecommendationTitle h2').html((res.data.mods[22].title))
	$('.videoRecommendationTitle em').html((res.data.mods[22].desc))

	console.log($('.videoRecommendation'))



	for (var q = 0; q <= 3; q++) {
		$('.videoimage').eq(q).attr("src", res.data.mods[24].list[q].cover);
		$('.heihei').eq(q).html(res.data.mods[24].list[q].title);
		$('.haha').eq(q).html(res.data.mods[24].list[q].desc);
	}
})

var time1;
var time2;
var time3;


$('#zhineng').mouseover(function () {
	$('.manuAll1').css('display', 'block')
	clearInterval(time1)
})
$('.manuAll1').mouseover(function () {
	clearInterval(time1)
})
$('#zhineng').mouseout(function () {
	time1 = setInterval(function () {
		$('.manuAll1').css('display', 'none')
	}, 300)
})
$('.manuAll1').mouseout(function () {
	time1 = setInterval(function () {
		$('.manuAll1').css('display', 'none')
	}, 60)
})

$('#tangmao').mouseover(function () {
	$('.manuAll2').css('display', 'block')
	clearInterval(time2)
})
$('.manuAll2').mouseover(function () {
	clearInterval(time2)
})
$('#tangmao').mouseout(function () {
	time2 = setInterval(function () {
		$('.manuAll2').css('display', 'none')
	}, 300)
})
$('.manuAll2').mouseout(function () {
	time2 = setInterval(function () {
		$('.manuAll2').css('display', 'none')
	}, 300)
})

$('#peijian').mouseover(function () {
	$('.manuAll3').css('display', 'block')
	clearInterval(time3)
})
$('.manuAll3').mouseover(function () {
	clearInterval(time3)
})
$('#peijian').mouseout(function () {
	time3 = setInterval(function () {
		$('.manuAll3').css('display', 'none')
	}, 300)
})
$('.manuAll3').mouseout(function () {
	time3 = setInterval(function () {
		$('.manuAll3').css('display', 'none')
	}, 300)
})



$('.videolist').each(function () { //遍历视频列表
	$(this).click(function () { //这个视频被点击后执行
		var img = $(this).attr('vpath');//获取视频预览图
		var video = $(this).attr('ipath');//获取视频路径
		$('.videos').html("<video id=\"video\" poster='" + img + "' style='width: 640px' src='" + video + "' preload=\"auto\" controls=\"controls\" autoplay=\"autoplay\"></video><img onClick=\"close1()\" class=\"vclose\" src=\"../images/gb.png\" width=\"25\" height=\"25\"/>");
		$('.videos').show();
	});
});

function close1() {
	var v = document.getElementById('video');//获取视频节点
	$('.videos').hide();//点击关闭按钮关闭暂停视频
	v.pause();
	$('.videos').html();
}



// 登录注册
var oTL = document.getElementById("btn-wrap");  //套着的盒子
var oHome = document.getElementById("home");	//第二个登陆成功显示的盒子
var oOut = document.getElementById("outlogin"); //退出登录的按钮
var oLoginName = document.getElementById("login-name"); //显示名字的号码
	if(getCookie("user")){  
 	   oTL.style.display = "none";
 	   oHome.style.display = "block";
      var obj = convertCartStrToObj(getCookie("user")); //*重点：将字符串转化成对象的形式（2）
       oLoginName.innerHTML = obj.tel; //通过对象.属性的方式去获取用户名（3）
 }
 oOut.onclick = function() {
 	  removeCookie("user");
 	  window.location.href = "index.html";
 }
//*******重点：封装一个将字符串转化成对象的函数（1）
function convertCartStrToObj(cartStr){        
         var obj ={};
        //将字符串name:17dian,key:123456,tel:18810701077 按“,”拆分成数组["name:17dian", "key:123456", "tel:18810701077"]
         var arrVal = cartStr.split(",");  
         for ( var i = 0; i < arrVal.length ;i++){
                  data = arrVal[i].split(":"); // 在将每一项拆分 例如arrVal[0]时 data =["name", "17dian"]
                  console.log(data)
                  obj[data[0]] = data[1]; //给对象添加属性
         }
        return obj;
}